<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	template="web/templates/ui.xhtml">

	<ui:define name="title">
		<h:outputText value="Mantenimiento de Censo" />
	</ui:define>
	<ui:define name="sidebar">
		<div class="widget">
			<div class="title">
				<div class="inner">
					<h3>
						<h:outputText value="Menú" />
					</h3>
				</div>
			</div>
			<!-- MENU PERFIL ADMINISTADOR -->
			<ui:include src="menu.xhtml" />
		</div>
	</ui:define>
	<ui:define name="content">
		<div class="page-header">
			<h3>
				<h:outputText value="Censo" />
			</h3>
		</div>
		<div class="subTitle">
			<ol class="breadcrumb">
				<li><a href="#"><span class="glyphicon glyphicon-home"></span></a></li>
				<li class="active">Búsqueda</li>
			</ol>
		</div>
		<div class="gridContent">
			<div class="inner">
				<h:form id="formListadoCenso">
					<p:messages id="messages"  autoUpdate="true" />
					<div class="row">
						<div class="col-sm-6 form-group">
							<p:outputLabel for="txtNombre" value="Nombre:" />
							<p:inputText id="txtNombre" maxlength="250" value="#{censoService.txtNombre}"/>
						</div>
						<div class="col-sm-3 form-group">
							<p:outputLabel for="cboNivel" value="Nivel Gobierno:" />
							<h:selectOneMenu styleClass="form-control" id="cboNivel" value="#{censoService.cboNivelGobiernoId}">
								<f:selectItem itemLabel="Todos" itemValue="-1" noSelectionOption="true"/>
								<f:selectItems value="#{censoService.listaNivelGobierno}"></f:selectItems>
							</h:selectOneMenu>
						</div>
						<div class="col-sm-3 form-group">
							<p:outputLabel for="cboEst" value="Estado:" />
							<h:selectOneMenu styleClass="form-control" id="cboEst" value="#{censoService.cboEstadoId}">
								<f:selectItem itemLabel="Todos" itemValue="-1" noSelectionOption="true" />
								<f:selectItems value="#{censoService.listaEstadoCenso}"></f:selectItems>
							</h:selectOneMenu>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-3 form-group">
							<p:outputLabel value="Fecha Desde" for="calFecIni" />
							<p:calendar id="calFecIni" value="#{censoService.txtFechaInicio}" pattern="dd/MM/yyyy" mask="true" locale="es" navigator="true">
								<p:ajax event="dateSelect" update="calFecIni" />
							</p:calendar>
						</div>
						<div class="col-sm-3 form-group">
							<p:outputLabel value="Fecha Hasta" for="calFecFin" />
							<p:calendar id="calFecFin" value="#{censoService.txtFechaFin}" pattern="dd/MM/yyyy" mask="true" locale="es" navigator="true">
									<p:ajax event="dateSelect" update="calFecIni" />
									<f:attribute name="fechaInicio" value="#{censoService.txtFechaInicio}" />
    								<f:validator validatorId="fechaRangoValidador" />
							</p:calendar>
						</div>
						
						<div class="col-sm-3 form-group">
							<p:outputLabel for="cboAnio" value="Año:" />
								<h:selectOneMenu styleClass="form-control" id="cboAnio" value="#{censoService.cboAnio}">
									<f:selectItem itemLabel="Todos" itemValue="-1" noSelectionOption="true" />
									<p:ajax update="cboMes" />
								<f:selectItems value="#{censoService.listaAnioCenso}"></f:selectItems>
							</h:selectOneMenu>
						</div>
						<div class="col-sm-3 form-group">
							<p:outputLabel for="cboMes" value="Correlativo:" />
							<h:selectOneMenu styleClass="form-control" id="cboMes" value="#{censoService.cboMes}">
								<f:selectItem itemLabel="Todos" itemValue="-1" noSelectionOption="true" />
								<f:selectItems value="#{censoService.listaMesCenso}"></f:selectItems>
							</h:selectOneMenu>
						</div>
					</div>
					
					<div class="btnAction row no-gutter">
						<div class="text-right">
							<p:commandButton update="dtCenso" styleClass="btn btn-success" value="Buscar" icon="ui-menuitem-icon ui-icon fa fa-search" iconPos="right" actionListener="#{censoService.buscarCenso}"></p:commandButton>
							<p:commandButton update="txtNombre,cboNivel,cboEst,calFecIni,calFecFin,cboAnio,cboMes" immediate="true" resetValues="true" styleClass="btn btn-view" value="Limpiar" actionListener="#{censoService.limpiarCenso}"/>
						</div>
					</div>
					
					<!--  Grilla resultante de la búsqueda -->

			<p:dataTable id="dtCenso" var="censo" value="#{censoService.listaCenso}"  widgetVar="censowv"
				emptyMessage="No se han encontrado registros" rows="20" paginator="true"
				paginatorPosition="bottom" currentPageReportTemplate="Total Registros : {totalRecords}"
				paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
				selection="#{censoService.selectedCenso}"
				rowKey="#{censo.censoId}" styleClass="display"
				rowSelectListener="#{censoService.onRowSelect}">		
				<p:column >
					<f:facet name="header">
						Censo
					</f:facet>
					<div style="text-align: left;">#{censo.censo}</div>
				</p:column>
				
				<p:column style="width:90px;">
					<f:facet name="header">
						Nivel de<br/>Gobierno
					</f:facet>
					<div style="text-align: center;">#{censo.nivelGobierno}</div>
				</p:column>
		
				<p:column style="width:70px;">
					<f:facet name="header">
						Fecha de<br/>Inicio
					</f:facet>
					<div style="text-align: center;">#{censo.fechaInicio}</div>
				</p:column>
				
				<p:column style="width:70px;">
					<f:facet name="header">
						Fecha <br/>Fin
					</f:facet>
					<div style="text-align: center;">#{censo.fechaFin}</div>
				</p:column>
				
				<p:column style="width:80px;">
					<f:facet name="header">
						Estado<br/>Censo
					</f:facet>
					<div style="text-align: center;">#{censo.estadoCenso}</div>
				</p:column>
				
				<p:column style="width:80px;" >
					<f:facet name="header">
						Estado<br/>Registro
					</f:facet>
					<div style="text-align: center;">#{censo.estadoRegistro}</div>
				</p:column>
				
				<p:column style="text-align: center; width:100px;">
					<f:facet name="header">
						Acciones
					</f:facet>
					
					<span style="color:#CBCBCB;#{censo.estadoRegistroId eq 'S'?'display:block;':'display:none'}">
									<p:commandLink disabled="#{censo.estadoCensoId == 3 || censo.estadoCensoId == 2}" update="dtCenso" id="deshabilitar" value="Deshabilitar" action="#{censoService.deshabilitarCenso(censo)}">
										<p:confirm header="Confirmación" message="¿Está seguro de deshabilitar el Censo seleccionado?" icon="ui-icon-alert" />	
									</p:commandLink>
									&nbsp;&nbsp;
								</span>

								<span style="color:#CBCBCB;#{censo.estadoRegistroId eq 'N'?'display:block;':'display:none'}">
									<p:commandLink update="dtCenso" id="habilitar" value="Habilitar" action="#{censoService.habilitarCenso(censo)}">
										<p:confirm header="Confirmación" message="¿Está seguro de habilitar el Censo seleccionado?" icon="ui-icon-alert" />	
									</p:commandLink>
										&nbsp;&nbsp;
								</span>
								
						<span style="color:#CBCBCB;">
							<h:link  disabled="#{censo.estadoCensoId == 3}" id="censo" value="Editar" outcome="configuracion_censo_registro">
											<f:param name="censo_id" value="#{censo.censoId}" />
							</h:link></span>
							
						<span style="color:#CBCBCB;#{censo.estadoCensoId eq '3'?'':'display:none'}">
									<p:link update="dtCenso" id="ver" value="Ver" outcome="configuracion_censo_registro">
										<f:param name="censo_id" value="#{censo.censoId}" />
									</p:link>
										&nbsp;&nbsp;
								</span>
					    
		        </p:column>	
			</p:dataTable>
					
				</h:form>
			


	
	<div class="btnAction row no-gutter">
		<div class="text-right">								
			<p:commandButton styleClass="btn btn-success" value="Crear Nuevo"
			 icon="ui-menuitem-icon ui-icon fa fa-plus" iconPos="right"  action="configuracion_censo_registro.jsf" />
		</div>
	</div>
<!-- Fin  Grilla resultante de la búsqueda -->

	</div>
	</div>
	<p:confirmDialog  global="true" showEffect="fade">
		        <p:commandButton value="Si" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
		        <p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
		    </p:confirmDialog>
	</ui:define>
	<ui:define name="script">

	</ui:define>
</ui:composition>